import styled from 'styled-components'

export const PopupWinUserStyle = styled.div`
	width: 400px;
	height: 270px;
	padding: 20px 20px;
	border: 1px #383b3c solid;
	background-color: white;
	color: rgb(78, 78, 78);
	display: flex;
	font-size: 12px;
	border-radius: 6px;
	.user-info-left {
		width: 128px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-right: 20px;
		img {
			width: 126px;
			height: 126px;
			border: 50%;
		}
		.left-name {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 40px;
		}
		.border_radius {
			border-radius: 50% !important;
		}
	}
	.user-info-right {
		height: 100%;
		flex: 1;
		height: 100%;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		.line {
			height: 28px;
			width: 100%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			.user-info-icon {
				width: 17px;
				height: 17px;
				min-width: 17px;
				/* border: 1px red solid; */
				background-position: 0px -771px;
				&.nc_desc_dept {
					background-position: 0px -771px;
				}
				&.nc_desc_pos {
					background-position: -119px -771px;
				}
				&.nc_desc_mobile {
					background-position: -17px -771px;
				}
				&.nc_desc_tel {
					background-position: -33px -771px;
				}
				&.nc_desc_loction {
					background-position: -68px -771px;
				}
				&.nc_desc_email {
					background-position: -50px -771px;
					margin-top: 1px;
				}
				&.nc_personal_briefly {
					background-position: -102px -771px;
				}
				&.nc_desc_e164 {
					background-position: -85px -771px;
				}
			}
			.line-content {
				padding-left: 10px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
	}
`
